<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<nav>
			<div>
				<img src="img/nav.png" />
				<ul type="none">
					<li class="pro">
						<a href="">首页</a>
						<ul class="dropdown" type="none">
							<li>
								<a href="#aboutus">关于我们</a>
							</li>
							<li>
								<a href="#products">产品介绍</a>
							</li>
							<li>
								<a href="#ourteam">我们团队</a>
							</li>
							<li>
								<a href="#contactus">联系我们</a>
							</li>
						</ul>
					</li>
					<li class="pro">
						<a href="">关于我们</a>
						<ul class="dropdown" type="none">
							<li>
								<a href="company_intro.html">公司简历</a>
							</li>
							<li>
								<a href="company_course.html">公司历程</a>
							</li>
							<li>
								<a href="ab_newscenter.html">新闻中心</a>
							</li>
						</ul>
					</li>
					<li class="pro">
						<a href="">产品介绍</a>
						<ul class="dropdown" type="none">
							<li>
								<a href="latte.html">拿铁咖啡</a>
							</li>
							<li>
								<a href="cappuccino.html">卡布奇诺</a>
							</li>
							<li>
								<a href="mocha.html">摩卡咖啡</a>
							</li>
						</ul>
					</li>
					<li class="pro">
						<a href="">我们团队</a>
						<ul class="dropdown" type="none">
							<li>
								<a href="#">团队介绍</a>
							</li>
							
						</ul>
					</li>
					<li class="pro">
						<a href="contact.html">联系我们</a>
						
					</li>
				</ul>
			</div>
		</nav>
		<div class="banner">
			<img src="img/images/index_02_04.png" />
		</div>
		<section>
			<div class="aboutus" id="aboutus">
				<div class="title">
					<h2>关于我们</h2>
					<img src="img/images/index_02_07.png" />
				</div>
				<div>
					<div class="about_left">
						<img src="img/images/index_02_11.png" />
					</div>
					<div class="about_right">
						<h2>公司简介</h2>
						<div class="hr">
						</div>
						<p>
							二十世纪三十年代，巴西咖啡豆生产过剩，剩余的咖啡豆只能当燃料消耗，非常可惜。当巴西政府向雀巢公司寻求咖啡豆过剩的解决方法的时候，并没有意识到这最终成就了一个历久弥醇的伟大的咖啡品牌。1930年，巴西咖啡连续经历了几次大丰收，短期内难以完全销售，便向雀巢求助，求令咖啡不失香醇的长期保存方式。咖啡权威——马克思·莫根特尔(Max Morgenthaler)立刻同他的研究队伍着手研究，试图制造一种既可以较好保存咖啡芳香又易溶于热水的"固体咖啡"。经过在雀巢瑞士实验室长达七年的不懈努力，30年代末，雀巢向市场推出速溶咖啡，“雀巢咖啡”品牌创立。
						</p>
						<p>
							1988年，雀巢通过考察确定云南适宜种植咖啡，决定支持云南省的咖啡种植。随后于1992年在云南思茅地区成立咖啡农艺服务部，帮助当地发展咖啡种植业。1997年，雀巢公司在西双版纳创建试验示范农场，从零开始，让农民得到方方面面的实际培训，大大促进了当地小粒种咖啡豆的发展，并使一个产量低、质量次的咖啡豆产地发展成一个产量高、质量优且已引起全球咖啡界关注的咖啡豆产地。雀巢不仅让农民通过种植咖啡获得了稳定的收入,当地农民通过向雀巢了解国际现货市场价格甚至自己上网查询交易网站的价格，学会根据波动分析销售咖啡的时机。

						</p>
					</div>

				</div>
		</section>

		<div class="pline">
			<img src="img/images/index_14.png" />
		</div>
		<section>
			<div class="products" id="products">
				<div class="title">
					<h2>产品介绍</h2>
					<img src="img/images/index_02_15.png" />
				</div>
				<div class="product">
					<img src="img/images/index_18.png" />
					<div class="overpic">
						<img src="img/search.png" />
					</div>
					<h2>拿铁咖啡</h2>
					<hr />
					<p>拿铁咖啡是意大利浓缩咖啡(Espresso)与牛奶的经典 混合，意大利人也很喜欢把拿铁作为早餐的饮料，带 来让人难以忘怀的味道
					</p>
				</div>
				<div class="product">
					<img src="img/cupp.png" />
					<div class="overpic">
						<img src="img/search.png" />
					</div>
					<h2>卡布基诺</h2>
					<hr />
					<p>卡布奇诺是一种加入以同量的意大利特浓咖啡和蒸 汽泡沫牛奶相混合的意大利咖啡。象卡布奇诺教会 的修士头巾一样，咖啡因此得名
					</p>
				</div>
				<div class="product">
					<img src="img/mocha_index.png" />
					<div class="overpic">
						<img src="img/search.png" />
					</div>
					<h2>摩卡咖啡</h2>
					<hr />
					<p>摩卡咖啡(CafeMocha)是一种最古老的咖啡，其历 史要追溯到咖啡的起源。它是浓缩咖啡、鲜奶油和 牛奶混合而成，摩卡得名于有名的摩卡港
					</p>
				</div>
			</div>
			<div class="ourteam" id="ourteam">
				<div class="title">
					<h2>公司团队</h2>
					<img src="img/images/index_02_17.png" />
				</div>
				<div class="mate">
					<img src="img/justin.png" />
					<div class="intro">
						<h2>贾斯汀·比伯</h2>
						<h2>Justin Bible</h2>
					</div>
					<div class="hover_thing">
						<h2>贾斯汀·比伯</h2>
						<hr />
						<p> 贾斯汀出生于1994年3月1日的加拿大安大略省伦敦的圣若瑟医院，并在安大略省的斯特拉特 福成长。小贾的母亲怀孕时年仅17岁，而他的父母结婚10个月后就离婚， 因此他从小由自己的母 亲、外公和外婆养大。
						</p>
					</div>
				</div>
				<div class="mate">
					<img src="img/images/index_24.png" />
					<div class="intro">
						<h2>查理·普斯</h2>
						<h2>Charlie Puth</h2>
					</div>
					<div class="hover_thing">
						<h2>查理·普斯</h2>
						<hr />
						<p>查理出生于1994年3月1日的加拿大安大略省伦敦的圣若瑟医院 ， 并在安大略省的斯特拉特 福成长。小查的母亲怀孕时年仅17岁，而他的父母结婚10个月后就离婚， 因此他从小由自己的母 亲、外公和外婆养大。
						</p>
					</div>
				</div>
				<div class="mate">
					<img src="img/avril.png" />
					<div class="intro">
						<h2>艾薇儿·拉维尼</h2>
						<h2>Avril Lavigne</h2>
					</div>
					<div class="hover_thing">
						<h2>艾薇儿·拉维尼</h2>
						<hr />
						<p>艾薇儿出生于1994年3月1日的加拿大安大略省伦敦的圣若瑟医院，并在安大略省的斯特拉特 福成长。小艾的母亲怀孕时年仅17岁，而他的父母结婚10个月后就离婚， 因此他从小由自己的母 亲、外公和外婆养大。
						</p>
					</div>
				</div>
				<div class="mate">
					<img src="img/images/index_24.png" />
					<div class="intro">
						<h2>泰勒·斯威夫特</h2>
						<h2>Taylor Swift</h2>
					</div>
					<div class="hover_thing">
						<h2>泰勒·斯威夫特</h2>
						<hr />
						<p>泰勒出生于1994年3月1日的加拿大安大略省伦敦的圣若瑟医院 ， 并在安大略省的斯特拉特 福成长。小泰的母亲怀孕时年仅17岁，而他的父母结婚10个月后就离婚， 因此他从小由自己的母 亲、外公和外婆养大。
						</p>
					</div>
				</div>
			</div>
			<div class="contactus" id="contactus">
				<div class="title">
					<h2>联系我们</h2>
					<img src="img/images/index_02_19.png" />
				</div>
				<div class="map">
					<img src="img/images/index_28.png" />
				</div>
				<div class="contacts">
					<div class="contact_left">
						<img src="img/images/index_31.png" />
					</div>
					<div class="contact_right">
						<h2>咨询热线</h2>
						<p>Information Hotline</p>
						<p>重庆：+86 023-867-7848</p>
						<p>（09：30~18：30 北京时间）</p>
					</div>
				</div>
				<div class="contacts">
					<div class="contact_left">
						<img src="img/images/index_35.png" />
					</div>
					<div class="contact_right">
						<h2>公司地址</h2>
						<p>Company address</p>
						<p>地址：重庆大坪龙湖时代天街3号写字楼2407室</p>
						<p>（09：30~18：30 北京时间）</p>
					</div>
				</div>
				<div class="contacts">
					<div class="contact_left">
						<img src="img/images/index_39.png" />
					</div>
					<div class="contact_right">
						<h2>公司邮箱</h2>
						<p>E-mail</p>
						<p>邮箱：info@haitouglobal.com</p>
						<p>（09：30~18：30 北京时间）</p>
					</div>
				</div>
			</div>
		</section>
		<div class="back_to_top">
			<a href="#"><img src="img/dingbu.png" /></a>
		</div>
		<footer>
			<div class="footerbox">
				<div class="copyright">
					Copyright © 重庆duzu有限公司 | duzu备案号 33010602001878 号 版权所有：重庆戈登有限公司
				</div>
				<div class="logo">
					<img src="img/footer.png" />
				</div>
			</div>

		</footer>
	</body>

</html>